<extend name="Portal/portal" />
<block name="main">
	<div class="page-main user-main">
    <div class="container">
        <div class="row">
            <div class="span16">
                <div class="uc-box uc-main-box">
                    <div class="uc-content-box order-list-box">
                        <div class="box-hd">
                            <h1 class="title">我的订单<small>请谨防钓鱼链接或诈骗电话，<a href="" target="_blank">了解更多&gt;</a></small></h1>
                            <div class="more clearfix">
                                <ul class="filter-list J_orderType" id="ul">
                                    <li class="first"><a>已下单</a></li>
                                    <li><a>已支付</a></li>
                                    <li><a>已发货</a></li>
                                    <li><a>已签收</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="box-bd">
                            <div id="J_orderList">
                        	<volist name="list" id="v">
                                <ul class="order-list">
                                    <li class="uc-order-item uc-order-item-pay"> 
                                        <div class="order-detail"> 
                                            <div class="order-summary">
                                                <div class="order-status">等待付款</div>  
                                                    <p class="order-desc J_deliverDesc">  预计3天内发货 </p>   
                                                </div> 
                                                <table class="order-detail-table"> 
                                                    <thead> 
                                                        <tr> 
                                                            <th class="col-main"> 
                                                                <p class="caption-info"><{$v.atime|date="Y-m-d H:i:s",###}><span class="sep">|</span><{$v.username}>
                                                                <span class="sep">|</span>订单号： <a href="">1<{$v.order_id}></a><span class="sep">|</span>在线支付</p> 
                                                            </th> 
                                                            <th class="col-sub"> 
                                                                <p class="caption-price">订单金额：<span class="num"><{$v.monery}></span>元</p> 
                                                            </th> 
                                                        </tr> 
                                                    </thead> 
                                                    <tbody> 
                                                        <tr> 
                                                            <td class="order-items"> 
                                                                <ul class="goods-list">  
                                                                    <li> 
                                                                        <div class="figure figure-thumb">   
                                                                            <a href="" target="_blank"> <img src="__PUBLIC__/Uploads/<{$v.logo}>" width="80" height="80" alt="小米平板 2 香槟金 16GB"> </a>   
                                                                        </div> 
                                                                        <p class="name"> <a target="_blank" href=""><{$v.prodectsname}></a>  </p> 
                                                                        <p class="price">999元 × <{$v.num}></p> 
                                                                    </li>  
                                                                </ul> 
                                                            </td> 
                                                            <td class="order-actions">     
                                                                <a class="btn btn-small btn-primary" href="" target="_blank">立即支付</a>   
                                                                <a class="btn btn-small btn-line-gray" href="">订单详情</a>      
                                                            </td> 
                                                        </tr> 
                                                    </tbody> 
                                                </table> 
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
  							</volist>
  							<div class="box-bd" id="x2">
                            <div id="J_orderList">
                        	<volist name="list" id="v">
                                <ul class="order-list">
                                    <li class="uc-order-item uc-order-item-pay"> 
                                        <div class="order-detail"> 
                                            <div class="order-summary">
                                                <div class="order-status">已经付款</div>  
                                                    <p class="order-desc J_deliverDesc">  预计3天内发货 </p>   
                                                </div> 
                                                <table class="order-detail-table"> 
                                                    <thead> 
                                                        <tr> 
                                                            <th class="col-main"> 
                                                                <p class="caption-info"><{$v.ptime|date="Y-m-d H:i:s",###}><span class="sep">|</span><{$v.username}>
                                                                <span class="sep">|</span>订单号： <a href="">1<{$v.order_id}></a><span class="sep">|</span>在线支付</p> 
                                                            </th> 
                                                            <th class="col-sub"> 
                                                                <p class="caption-price">订单金额：<span class="num"><{$v.monery}></span>元</p> 
                                                            </th> 
                                                        </tr> 
                                                    </thead> 
                                                    <tbody> 
                                                        <tr> 
                                                            <td class="order-items"> 
                                                                <ul class="goods-list">  
                                                                    <li> 
                                                                        <div class="figure figure-thumb">   
                                                                            <a href="" target="_blank"> <img src="__PUBLIC__/Uploads/<{$v.logo}>" width="80" height="80" alt="小米平板 2 香槟金 16GB"> </a>   
                                                                        </div> 
                                                                        <p class="name"> <a target="_blank" href=""><{$v.prodectsname}></a>  </p> 
                                                                        <p class="price">999元 × <{$v.num}></p> 
                                                                    </li>  
                                                                </ul> 
                                                            </td> 
                                                            <td class="order-actions">     
                                                                <a class="btn btn-small btn-primary" href="" target="_blank">立即支付</a>   
                                                                <a class="btn btn-small btn-line-gray" href="">订单详情</a>      
                                                            </td> 
                                                        </tr> 
                                                    </tbody> 
                                                </table> 
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
  							</volist>
  							<div class="box-bd" id="x3">
                            <div id="J_orderList">
                        	<volist name="list" id="v">
                                <ul class="order-list">
                                    <li class="uc-order-item uc-order-item-pay"> 
                                        <div class="order-detail"> 
                                            <div class="order-summary">
                                                <div class="order-status">已经发货</div>  <p class="order-desc J_deliverDesc">  	预计3天内到货 </p>
                                                </div> 
                                                <table class="order-detail-table"> 
                                                    <thead> 
                                                        <tr> 
                                                            <th class="col-main"> 
                                                                <p class="caption-info"><{$v.atime|date="Y-m-d H:i:s",###}><span class="sep">|</span><{$v.username}>
                                                                <span class="sep">|</span>订单号： <a href="">1<{$v.order_id}></a><span class="sep">|</span>在线支付</p> 
                                                            </th> 
                                                            <th class="col-sub"> 
                                                                <p class="caption-price">订单金额：<span class="num"><{$v.monery}></span>元</p> 
                                                            </th> 
                                                        </tr> 
                                                    </thead> 
                                                    <tbody> 
                                                        <tr> 
                                                            <td class="order-items"> 
                                                                <ul class="goods-list">  
                                                                    <li> 
                                                                        <div class="figure figure-thumb">   
                                                                            <a href="" target="_blank"> <img src="__PUBLIC__/Uploads/<{$v.logo}>" width="80" height="80" alt="小米平板 2 香槟金 16GB"> </a>   
                                                                        </div> 
                                                                        <p class="name"> <a target="_blank" href=""><{$v.prodectsname}></a>  </p> 
                                                                        <p class="price">999元 × <{$v.num}></p> 
                                                                    </li>  
                                                                </ul> 
                                                            </td> 
                                                            <td class="order-actions">     
                                                                <a class="btn btn-small btn-line-gray" href="">订单详情</a>      
                                                            </td> 
                                                        </tr> 
                                                    </tbody> 
                                                </table> 
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
  							</volist>
  							<div class="box-bd" style="display:none;" id="x4">
                            <div id="J_orderList">
                        	<volist name="list" id="v">
                                <ul class="order-list">
                                    <li class="uc-order-item uc-order-item-pay"> 
                                        <div class="order-detail"> 
                                            <div class="order-summary">
                                                <div class="order-status">已经发货</div>  <p class="order-desc J_deliverDesc">  	预计3天内到货 </p>
                                                </div> 
                                                <table class="order-detail-table"> 
                                                    <thead> 
                                                        <tr> 
                                                            <th class="col-main"> 
                                                                <p class="caption-info"><{$v.atime|date="Y-m-d H:i:s",###}><span class="sep">|</span><{$v.username}>
                                                                <span class="sep">|</span>订单号： <a href="">1<{$v.order_id}></a><span class="sep">|</span>在线支付</p> 
                                                            </th> 
                                                            <th class="col-sub"> 
                                                                <p class="caption-price">订单金额：<span class="num"><{$v.monery}></span>元</p> 
                                                            </th> 
                                                        </tr> 
                                                    </thead> 
                                                    <tbody> 
                                                        <tr> 
                                                            <td class="order-items"> 
                                                                <ul class="goods-list">  
                                                                    <li> 
                                                                        <div class="figure figure-thumb">   
                                                                            <a href="" target="_blank"> <img src="__PUBLIC__/Uploads/<{$v.logo}>" width="80" height="80" alt="小米平板 2 香槟金 16GB"> </a>   
                                                                        </div> 
                                                                        <p class="name"> <a target="_blank" href=""><{$v.prodectsname}></a>  </p> 
                                                                        <p class="price">999元 × <{$v.num}></p> 
                                                                    </li>  
                                                                </ul> 
                                                            </td> 
                                                            <td class="order-actions">     
                                                                <a class="btn btn-small btn-line-gray" href="">订单详情</a>      
                                                            </td> 
                                                        </tr> 
                                                    </tbody> 
                                                </table> 
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
  							</volist>

</block>